<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="gis/gis_layout">

<head>
    <title>图表</title>
    <style>
        .ch1 {
            height: 500px;
        }
    </style>
</head>

<body class="gis gis-echarts">

<div layout:fragment="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>省内迁徙图-迁入</h4>
                    <div class="ch1" id="migrateProvinceIn"></div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>省内迁徙图-迁出</h4>
                    <div class="ch1" id="migrateProvinceOut"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>国内迁徙图-迁入</h4>
                    <div class="ch1" id="migrateChinaIn"></div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>国内迁徙图-迁出</h4>
                    <div class="ch1" id="migrateChinaOut"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>国内迁徙图-迁入</h4>
                    <div class="ch1" id="migrateWorldIn"></div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="chart-panel">
                    <h4>国际迁徙图-迁出</h4>
                    <div class="ch1" id="migrateWorldOut"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6"></div>
            <div class="col-md-6"></div>
        </div>
    </div>

    <script th:replace="common/common_libs::commonjs"></script>
    <script src="/js/gis/echarts.js"></script>
</div>

</body>
</html>